HTML - problemas con <div>..

Hola, amigos...
Mi problema es el siguiente. Tengo un <div>, que luego va a ser una especie de tooltip o ayuda, que al pulsar una imagen (tengo varias, y en cada una, debe de salir un texto diferente), sale, y aparece a modo de Hint, ¿me entienden? .. Al pinchar en la imagen, aparece un texto, con un fondo de color, al lado de la imagen... Pero mi problema es que al pinchar, dependiendo de la posición del ratón, aparece o no... Suele ocurrir, que si pincho en la imagen, en 2 de ellas, aparece, pero en la siguiente imagen, si he hecho Scroll con el ratón, con la rueda de navegación, porque no se veía en la pantalla, hago click, y no aparece nada... Pero si hago otra vez scroll hacia arriba, y pincho, (la imagen se desplaza hacia abajo), sí me aparece... ¿qué ocurre?.. Tengo un JavaScript puesto, para que cuando haga click, aparezca, y cuando pierda el foco de la imagen, se oculte automáticamente... ¿¿¿Que puede estar pasando??? .. ¿¿alguien me puede ayudar??... Aqui os pongo la definicion del div, y el JavaScript... Saludos. JOSE.

***** en la pagina estatica *****
<div id='tooltip' style='position:absolute; background-color: #BCBC9A; foreground-color: #FF0000'></div>
***** el JavaScript
function mostrarToolTip(cadena)
{
document.all.tooltip.style.top=MouseY; // para situar el tooltip
document.all.tooltip.style.left=MouseX;
document.all.tooltip.innerHTML = "<font face='Arial' size=-3>" + cadena + "</font>" ;
document.all.tooltip.style.visibility = "visible";
}

Lo primero es saber como estás capturando la posicion del mouse, poruqe si no la haces bien puede que la capa se esté haciendo visible pero en la parte scrollada y no la veas. Te recomiendo tambien, que pongas una posicion por defecto en el div del tipo top=-100; left=0.

Prueba con este script para posicionar el mouse:

var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var MouseX = 0
var MouseY = 0
function getMouseXY(e) {
if (IE) {
MouseX = event.clientX + document.body.scrollLeft
MouseY = event.clientY + document.body.scrollTop
} else {
MouseX = e.pageX
MouseY = e.pageY
}
if (MouseX < 0){MouseX = 0}
if (MouseY < 0){MouseY = 0}

return true
}

Ponlo justo antes de tu script (que por cierto solo te va a funcionar con Netscape)